body {
    font-family: "Raleway", sans-serif;
    background: #fff;
    color: #444;
}

h1, h2, h3, h4, h5, h6, p {
    font-family: inherit;
    color: inherit;
    font-weight: 300;
}

.button, button {
    &.github, &.rubygems {
        margin: 0px;
        padding: 0.5rem 1.4rem;
        border-radius: 4px;
        background: #f3f3f3 none repeat scroll 0% 0%;
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
    }

    &.rubygems {
        font-weight: 100;
    }
}

.page-content, .site-footer {
    .button, button {
        &.github, &.rubygems {
            background: #dbdbdb none repeat scroll 0% 0%;
            color: #777;
            box-shadow: none;
        }
    }
}

.bold {
    font-weight: 500;
}

pre, code {
    font-family: "Ubuntu Monospace", monospaced;
}

pre {
    margin-bottom: 1.25rem;
}

.site-header {
    text-align: center;
    color: #fff;
    background: #f4563d;
    background: -moz-linear-gradient(top, #f4563d 0%, #f4833d 67%, #f4a43d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4563d), color-stop(67%,#f4833d), color-stop(100%,#f4a43d));
    background: -webkit-linear-gradient(top, #f4563d 0%,#f4833d 67%,#f4a43d 100%);
    background: -o-linear-gradient(top, #f4563d 0%,#f4833d 67%,#f4a43d 100%);
    background: -ms-linear-gradient(top, #f4563d 0%,#f4833d 67%,#f4a43d 100%);
    background: linear-gradient(to bottom, #f4563d 0%,#f4833d 67%,#f4a43d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4563d', endColorstr='#f4a43d',GradientType=0 );
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.25);

    h1 {
        margin: 120px 0;
        font-weight: 300;
        text-shadow: 3px 3px #f4383c;
    }

    h1 + p {
        margin-top: -80px;
        margin-bottom: 80px;
        font-weight: 100;
    }
}

.page-content {
    padding: 50px 0 25px;

    pre {
        font-family: "Ubuntu Monospace", sans-serif;
    }

    blockquote {
        margin-left: 30px;
    }

    section ~ section {
        margin-top: 25px;
    }
}

.site-footer {
    padding: 25px 0 50px;
    color: #b6b6b6;

    a {
        color: #777;
    }

    .buttons-container {
        text-align: right;

        @media only screen and (max-width: 40em) {
            text-align: center;
        }
    }
}
